<!DOCTYPE html>
<html>
	<head>
		<title>Store Theme Preview</title>
		<link rel="stylesheet" href="style.css"/>
		<script type="text/javascript" src="js/util.js"></script>
	</head>

	<body>
		<header>
			<div class="container clearfix">
				<a href="#"><img id="logo" alt="Logo" src="images/logo.png"></a>
				<nav>
					<ul id="top-menu">
						<li><a href="" #="">Home</a></li>
						<li><a class="sf-with-ul" href="" #="">About us</a></li>
						<li><a href="" #="">Location</a></li>
						<li><a href="" #="">Missions Statement</a></li>
						<li><a class="sf-with-ul" href="" #="">Shopping Cart</a></li>
						<li><a href="" #="">Sitemap</a></li>
					</ul> 
				</nav> <!--top-menu-->
				
				<div id="search-bar" class="clearfix">
					<form id="searchform1" action="" method="get">
						<input id="searchinput" name="s" value="search this site ..." type="text">
						<input id="searchsubmit" src="images/search-icon.png" type="image">
					</form>
				</div> <!--search-bar-->
				
				<div class="clearfix"></div>
					<ul id="secondary-menu">
						<li>
							<a href="#">
								<strong>Mens Clothing</strong>
								<span>Improve your look</span>
							</a>
						</li>
						<li>
							<a class="sf-with-ul" href="#">
								<strong>Interior Design</strong>
								<span>beauty your home</span>
							</a>
						</li>
						<li>
							<a href="#">
								<strong>Kitchen Supplies</strong>
								<span>modern hardware</span>
							</a>
						</li>
						<li>
							<a href="#">
								<strong>Affordable Jewelry</strong>
								<span>accessories and more</span>
							</a>
						</li>
						<li>
							<a class="sf-with-ul" href="#">
								<strong>Accessories</strong>
								<span>description here</span>
							</a>
						</li>
						<li>
							<a class="sf-with-ul" href="#">
								<strong>Designer Shoes</strong>
								<span>heppy feet</span>
							</a>
						</li>
						<li>
							<a class="sf-with-ul" href="#">
								<strong>Traveling</strong>
								<span>the world</span>
							</a>
						</li>
					</ul> <!--secondary-menu-->
				
			</div> <!--container-->
		</header> <!--header-->	
		
		<div id="content" class="post">	
			<div class="container clearfix">
				<ul class="sitemap clearfix">
					<li><a href="#">Home</a></li>
					<li><a href="#">Some Category</a></li>
					<li><a href="#">Some Awesome Designer Furniture</a></li>
				</ul>
				<div id="main-area">
					<div id="main-content" class="clearfix">
						<div id="left-column" class="post">
							<div class="product-detail">
								<div class="images">
									<div class="featured-image"><img src="images/silver-2.jpg"></div>
									<ul class="link-images">
										<li><img src="images/silver-2.jpg"><span class="overlay"></span></li>
										<li><img src="images/silver-2.jpg"><span class="overlay"></span></li>
										<li><img src="images/silver-2.jpg"><span class="overlay"></span></li>
										<li><img src="images/silver-2.jpg"><span class="overlay"></span></li>
									</ul>
								</div> <!--images-->
								<div class="description">
									<h2>Some Awesome Designer Furniture</h2>
									<p class="category">Added March 13, 2010 in <span>Modern Furniture</span></p>
									<p class="tags">
										<span class="pricetag">$12.99</span>
										<span class="addcarttag">Add to cart</span>
									</p>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Phasellus et dolor a diam pretium feugiat. Vestibulum commodo feugiat 
augue sit amet porttitor. Proin fringilla, mauris nec luctus convallis, 
ante est dapibus dui, quis aliquet nibh urna ac elit. Suspendisse 
egestas </p>
								</div> <!--description-->
								<div class="clearfix"></div>
								<div class="info">
									<h3>Product Information</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Phasellus et dolor a diam pretium feugiat. Vestibulum commodo feugiat 
augue sit amet porttitor. Proin fringilla, mauris nec luctus convallis, 
ante est dapibus dui, quis aliquet nibh urna ac elit. Suspendisse 
egestas molestie quam, sit amet molestie quam feugiat nec. Nam odio 
nunc, dictum non cursus eu, euismod vel erat. Sed euismod, lectus eu 
consequat semper, augue lorem consequat mauris, a aliquam tellus enim ut
 quam. Integer luctus, metus a viverra iaculis, sapien augue cursus 
nisi, at volutpat lacus nunc nec dui. Fusce non enim nibh. Phasellus 
odio tellus, sollicitudin in placerat eget, egestas vel erat. Duis eu 
purus vel magna varius rutrum et id dui. Ut sed pulvinar nulla. Fusce 
dictum sollicitudin neque id cursus. Ut facilisis tincidunt nisl, vel 
euismod est interdum eu. Ut nec felis mi, vitae congue nunc. Cras non 
venenatis eros. Duis eget purus velit. Mauris fermentum scelerisque 
scelerisque. Nunc molestie condimentum est ut imperdiet. Sed ac odio 
orci.</p>
								</div> <!--info-->								
								<div class="related">
									<h3>Related Products</h3>
										<div class="r-products">
											<div class="r-product">
                        <a href="#">
                          <img src="images/cup2-1-25116_44x44.jpg">
                          <h4>Some Awesome Designer Furniture</h4>
                      	</a>
                      </div><!--r-product-->
											<div class="r-product">
                        <a href="#">
                          <img src="images/cup2-1-25116_44x44.jpg">
                          <h4>Some Awesome Designer Furniture</h4>
                      	</a>
                      </div><!--r-product-->
											<div class="r-product">
                        <a href="#">
                          <img src="images/cup2-1-25116_44x44.jpg">
                          <h4>Some Awesome Designer Furniture</h4>
                      	</a>
                      </div><!--r-product-->
											<div class="r-product">
                        <a href="#">
                          <img src="images/cup2-1-25116_44x44.jpg">
                          <h4>Some Awesome Designer Furniture</h4>
                      	</a>
                      </div><!--r-product-->
											<div class="r-product">
                        <a href="#">
                          <img src="images/cup2-1-25116_44x44.jpg">
                          <h4>Some Awesome Designer Furniture</h4>
                      	</a>
                      </div><!--r-product-->
											<div class="r-product">
                        <a href="#">
                          <img src="images/cup2-1-25116_44x44.jpg">
                          <h4>Some Awesome Designer Furniture</h4>
                      	</a>
                      </div><!--r-product-->
					</div> <!--r-products-->
				</div> <!--related-->
							</div> <!--product-detail-->
							<div class="clearfix"></div>
						</div> <!--left-column-->
						<div id="sidebar">
							<div id="eshopw_cart-4" class="widget eshop-widget eshopcart_widget">
							
								<div class="header"><h4>shopping cart</h4></div>
								<div class="widget-content">
									<p>Your cart is empty</p>
									<p>View cart</p>
									<p>Checkout</p>
								</div> <!--widget-content-->
							</div> <!--shopping cart-->
							<div id="recent-posts-3" class="widget widget_recent_entries">
								<div class="header"><h4>recent products</h4></div>
								<div class="widget-content">
									<ul>
										<li><a href="#">Vintage Wallet</a></li>
										<li><a href="#">Designer Pillows</a></li>
										<li><a href="#">Mens Shoes</a></li>
										<li><a href="#">Toiletry Collection</a></li>
										<li><a href="#">Silverware</a></li>
									</ul>
								</div> <!--widget-content-->
							</div> <!--recent products-->
							<div id="meta-3" class="widget widget_meta">
								<div class="header"><h4>company info</h4></div>
								<div class="widget-content">
									<ul>
										<li><a href="#">Log in</a></li>
										<li><a href="#">Entries RSS</a></li>
										<li><a href="#">Comments RSS</a></li>
										<li><a href="#">WordPress.org</a></li>
									</ul>
								</div> <!--widget-content-->
							</div> <!--company info-->
							<div id="linkcat-2" class="widget widget_links"> 
								<div class="header"><h4>blogroll</h4></div>
								<div class="widget-content">
									<ul>
										<li><a href="#">Documentation</a></li>
										<li><a href="#">Plugins</a></li>
										<li><a href="#">Suggest Ideas</a></li>
										<li><a href="#">Support Forum</a></li>
										<li><a href="#">Themes</a></li>
										<li><a href="#">WordPress Blog</a></li>
										<li><a href="#">WordPress Planet</a></li>
									</ul>
								</div> <!--widget-content-->
							</div><!--blogroll-->						
						</div> <!--sidebar-->
						</div> <!--main-content-->
					</div> <!--main-area-->
				<div id="footer">
					<p id="copyright">Designed by <a href="#">Elegant Themes</a> | Powered by <a href="#">Wordpress</a></p>
				</div> <!--footer-->
			</div> <!--container-->
		</div> <!--content-->
	



</body></html>